<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/fontello-embedded.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>

        <div class="inner-box flex">
            <div class="inner-left">
                <span class="title">PRIME-SUITE</span>
                <div class="nav-list">
                    <ul >
                        <li class="nav-first nav-first-active">

                            <a href="javascript:;">
                                <i class="demo-icon icon-laptop"></i>
                                内容监测
                                <i class="demo-icon icon-left-dir arrow-rotate"></i>
                            </a>
                            <div class="nav-second" style="display: block">
                                <ul>
                                    <li >
                                        <a href="hangyegailan.html" class="nav-second-active">
                                            <i class="demo-icon icon-angle-right"></i>
                                            行业概览
                                        </a>
                                    </li>
                                    <li>
                                        <a href="yingxiaozhanyi.html" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            营销战役
                                        </a>
                                    </li>
                                    <li>
                                        <a href="weijiyujing.html" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            危机预警
                                        </a>
                                    </li>
                                    <li>
                                        <a href="baogaozhongxin.html" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            报告中心
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-first">
                            <a href="javascript:;">
                                <i class="demo-icon icon-tags"></i>
                                账号监测
                                <i class="demo-icon icon-left-dir"></i>
                            </a>
                            <div class="nav-second">
                                <ul>
                                    <li>
                                        <a href="zhanghaoliebiao.html" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            账号列表
                                        </a>
                                    </li>
                                    <li>
                                        <a href="zhanghaofenxi.html" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            账号分析
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="nav-first">
                            <a href="javascript:;">
                                <i class="demo-icon  icon-cog"></i>
                                系统设置
                                <i class="demo-icon  icon-left-dir"></i>
                            </a>

                            <div class="nav-second">
                                <ul>
                                    <li>
                                        <a href="javascript:;" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            创建面板
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            监测配置
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            账号授权
                                        </a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="nav-second-normal">
                                            <i class="demo-icon icon-angle-right"></i>
                                            文本分析
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

            <!-- mini bar -->
            <div class="mini-bar" style="display: none;">
                <p>
                    <i class="demo-icon icon-menu"></i>
                </p>
                <ul>
                    <li class="nav-first-active">
                        <a href="javascript:;">
                            <i class="demo-icon icon-laptop"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="demo-icon icon-tags"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="demo-icon  icon-cog"></i>
                        </a>
                    </li>

                </ul>
            </div>


            <div class="inner-right">
                <div class="inner-nav">
                    <a href="javascript:;" class="list-item">
                        欢迎你 tingting
                        <i class="demo-icon  icon-logout"></i>
                    </a>
                    <a href="javascript:;" class="list-item">切换账户</a>
                    <a href="javascript:;" class="list-item">切换面板</a>
                    <a href="javascript:;" class="list-item">切换项目</a>
                    <a href="javascript:;" class="list-item">切换语言</a>
                    <a id="home" href="javascript:;" class="last-item">
                        <i class="demo-icon icon-menu"></i>
                    </a>
                </div>

                <!--主体-->
                <div class="content-body">
                    <div class="hot-post">
                        <p >TOP10行业概览</p>
                        <table class="tb-defalut tb-10">
                            <thead>
                            <tr>
                                <th>排名</th>
                                <th>品牌</th>
                                <th>行业份额</th>
                                <th>讨论量</th>
                                <th>曝光数</th>
                                <th>讨论人数</th>
                                <th>净喜好度</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>

                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>

                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                                <td>10</td>
                                <td>1</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>


                   <div class="hot-post">
                       <p >声量趋势</p>
                       <div class="voice-content" >


                       </div>
                   </div>

                   <div class="hot-post">
                       <p >
                           图表
                       </p>
                       <!--<div class="charts1-content">-->
                           <div class="media"></div>
                           <div class="feeling"></div>
                       <!--</div>-->
                   </div>

                    <div class="hot-post">

                            <div class="media"></div>
                            <div class="feeling"></div>

                    </div>

                </div>

            </div>
        </div>

        <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="js/nav.js"> </script>


















































































</body>
</html>